@charset 'utf-8';
@import "common/rem/1.0.0/rem";
@import "inc";
@import "common/reset/1.0.0/reset";

body, html {
    background: #f4f4f4;
}
/* warpper */

body, .page-view {
    font: 300 1rem/1rem "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    color: #333;
	font-size:rem(28);
}
a,a:active,
a:hover {
    color: #333;
}
/* 加载中... */

.loading {
    font-size: rem(24);
    text-align: center;
    color: #999;
	position:relative;
    &:before {
        // content: image-url('common/loading.gif');
        vertical-align: middle;
		position:absolute;
		top:50%;
		margin-top:rem(-16);
    }
}
/* 列表加载完成 */
.list-loaded{
    font-size: rem(24);
    text-align: center;
    color: #999;
	position:relative;
}
/* 图片加载失败 */

.img-error {
    // background: image-url('common/error-img.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.html-overflow-hidden {
    overflow:hidden;
    width:100%;
    height:100%;
    body {
        overflow:hidden;
        width:100%;
        height:100%;
        padding:0px;
    }
}
//切换
.mod-toggle {
     .toggle-item:first-child {
		 display:block;
	 } 
     .toggle-item:last-child {
		 display:none;
	 } 
}
.mod-toggle-selected {
     .toggle-item:first-child {
		 display:none;
	 } 
     .toggle-item:last-child {
		 display:block;
	 } 
}
/* 颜色 */
.disabled {
	color:#ccc;
	&:hover,&:active {
		color:#ccc;
	}
}
.color-f85d5b {
	color:#f85d5b!important;
}
.color-ccc {
	color:#ccc!important;
}
.loading{
    font-size: rem(28);
   .load-gif{
        width: rem(36);
        height: rem(36);
        vertical-align: middle;
        margin-right: rem(10);
    } 
}
.empty{
    text-align: center;
    background-color: #f4f4f4;
    height: 100%;
    margin-top: rem(30);
    .emt-txt{
        font-size: rem(32);
    }
    .ui-button-white{
        border: 1px solid #2cb967;
        background-color: #fff;
        border-radius: 40px;
        width: rem(200);
        height: rem(50);
        line-height: rem(50);
        font-size: rem(30);
        text-align: center;
        display: block;
        margin: rem(30) auto;
    }
}

.arrow-right{
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 10px solid #2cb967;
    border-bottom: 8px solid transparent;
}

.arrow-left{
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 8px solid transparent;
}

@mixin box{
    display:-moz-box;
    display:-webkit-box;
    display:box;
}

@mixin flex-box{
    -moz-box-flex:1;
    -webkit-box-flex:1;
    box-flex:1;
}

del{
    font-size: rem(24);
    color: #999;
    margin-left: rem(10);
}
